<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="header">
        <div class="header-1">
            <div class="header-left">
              <h3>better</h3>
               </div>
               <div class="header-zhong"></div>
             <div class="header-right">
             <ul class="werr">
                 <li class="wer"><a href="">首页</a><p>—</p></li>
                 <li class="wee"><a href="">商品中心</a></li>
                 <li class="wee"><a href="">企业新闻</a></li>
                 <li class="wee"><a href="">联系我们</a></li>
             </ul>
            </div>
             <div class="header-2">
                 <img src="./img/b04.jpg" alt="" width="1349"; height="250"> 
             </div>
        </div>
    </div>
    <div class="main">
       <div class="mainn">
        <div class="main-left">
            <ul class="main-leftt">
                <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325164703.png" alt=""><a href="">Oculus 联合创始人黯然离场，是被小米前高管"挤出"了</a><p>2018-06-16</p></li>
                <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325164731.png" alt=""><a href="">华为营收5216亿元，同比增长32%。顺便买了1.39亿部手机</a><p>2018-06-16</p></li>
                <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325164750.png" alt=""><a href="">车与出行 百度申请在北京路试无人车，单着并不意味着无人车未</a><p>2018-06-16</p></li>
                <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325164803.png" alt=""><a href="">20分钟没了300亿，最大港股塌方背后疑点重重</a><p>2018-06-16</p></li>
                <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325164819.png" alt=""><a href="">礼物说裁员引争议，触宝CEO王佳梁：别把粗暴裁员当个性</a><p>2018-06-16</p></li>
                <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325164831.png" alt=""><a href="">下线聊天文件功能，微信这是闷声作大死?</a><p>2018-06-16</p></li>
            </ul>
        </div>
        <div class="main-right">
            <div class="main-shang">
                <a href="">better</a>
                <h3>天猫总裁静婕：线上线下全面打通 天猫将整体升级</h3>
                <p>"真正新零售的未来场景都在天猫上，新零售正在全面爆发，未来的手机天猫APP将从满足需求进入到创造需求的阶段、线下百万雄师都会被数字化。"静婕说.</p>
            </div>
            <div class="main-xia">
                <h3>产品列表展示</h3>
                <ul class="main-x">
                    <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325172810.png" alt=""><a href="">韩版高腰半身裙侠中长款a字裙子女流苏毛边</a><p>￥89</p></li>
                    <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325172751.png" alt=""><a href="">韩版女装夏装牛仔A字裙子</a><p>￥89</p></li>
                    <li><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325172827.png" alt=""><a href="">女装夏装新款显瘦A字裙裤短裤牛仔裤</a><p>￥129</p></li>
                    <li class="nhiu"><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325172848.png" alt=""><a href="">显瘦牛仔裙半身裙短新款潮裙女夏女夏韩版学生高腰a字裙</a><p class="dou">￥79</p></li>
                    <li class="nhiu"><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325172901.png" alt=""><a href="">收腰牛仔连衣裙a字牛仔群女士学生短裙裙子</a><p>￥339</p></li>
                    <li class="nhiu"><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325172920.png" alt=""><a href="">修身长袖牛仔连衣裙女</a><p class="dou">￥338</p></li>
                    <li class="nhiu"><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325172929.png" alt=""><a href="">瘦高腰牛仔半身裙下a字</a><p class="dou">￥158</p></li>
                    <li class="nhiu"><img src="./img/QQ%E6%88%AA%E5%9B%BE20190325172945.png" alt=""><a href="">中长款竖条纹半身裙百搭宽松中长裙A字裙</a><p class="dou">￥399</p></li>
                </ul>
            </div>
        </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-1">
            <p>&copy; 2018版权所有 better</p>
        </div>
    </div>
</body>
</html>